<script setup>
import HelloWorld from './components/HelloWorld.vue'
import TestVText from './components/TestVText.vue'
import TestVHtml from './components/TestVHtml.vue'
import TestVonce from './components/TestVonce.vue'
import TestVmemo from './components/TestVmemo.vue'
import TestVbind from './components/TestVbind.vue'
import TestVmodel from './components/TestVmodel.vue'
import TestVmodelSelect from './components/TestVmodelSelect.vue'
import TestVmodelRadio from './components/TestVmodelRadio.vue'
import TestVmodelCheckbox from './components/TestVmodelCheckbox.vue'
import TestAVbind from './components/TestAVbind.vue'
import TestVmodelLazy from './components/TestVmodelLazy.vue'
import TestVif from './components/TestVif.vue'
import TestVifVelse from './components/TestVifVelse.vue'
import TestVelseif from './components/TestVelseif.vue'
import TestVshow from './components/TestVshow.vue'
import TestVifVshow from './components/TestVifVshow.vue'
import TestVfor from './components/TestVfor.vue'
import TestVfor2 from './components/TestVfor2.vue'
import TestVfor3 from './components/TestVfor3.vue'
import TestVfor4 from './components/TestVfor4.vue'
import TestVforVif from './components/TestVforVif.vue'
import TestVforVif2 from './components/TestVforVif2.vue'
import TestVforVif3 from './components/TestVforVif3.vue'
import TestVbindclass from './components/TestVbindclass.vue'
import TestVbindclass2 from './components/TestVbindclass2.vue'
import TestVbindclass3 from './components/TestVbindclass3.vue'
import TestStyle from './components/TestStyle.vue'
import TestStyle2 from './components/TestStyle2.vue'
import TestStyle3 from './components/TestStyle3.vue'
import TestStyle4 from './components/TestStyle4.vue'
import TestVue3 from './components/TestVue3.vue'
import TestSetup from './components/TestSetup.vue'
import TestSetup2 from './components/TestSetup2.vue'
import Father from './components/testprops/Father.vue'
import Father2 from './components/testprops2/Father.vue'
import Father3 from './components/testprops3/Father.vue'
import TestReactive from './components/TestReactive3.vue'
import TestRef from './components/TestRef.vue'
import TestComputed from './components/TestComputed.vue'
import TestReadonly from './components/TestReadonly.vue'
import TestWatchEffect from './components/TestWatchEffect4.vue'
import TestWatch from './components/TestWatch.vue'
import TestFather from './components/TestFather.vue'
</script>

<template>
  <!-- <div>
    <a href="https://vite.dev" target="_blank">
      <img src="/vite.svg" class="logo" alt="Vite logo" />
    </a>
    <a href="https://vuejs.org/" target="_blank">
      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
    </a>
  </div> -->
  <!-- <HelloWorld msg="Vite + Vue" /> -->
  <div>
    <TestFather>TestFather</TestFather>
    <!-- <TestWatch>TestWatch</TestWatch> -->
    <!-- <TestWatchEffect>TestWatchEffect</TestWatchEffect> -->
    <!-- <TestReadonly>TestReadonly</TestReadonly> -->
    <!-- <TestComputed>TestComputed</TestComputed> -->
    <!-- <TestRef>TestRef</TestRef> -->
    <!-- <TestReactive>TestReactive</TestReactive> -->
    <!-- <Father3>Father3</Father3> -->
    <!-- <Father2>Father2</Father2> -->
    <!-- <Father>Father</Father> -->
    <!-- <Son>Son</Son> -->
    <!-- <TestSetup2>TestSetup2</TestSetup2> -->
    <!-- <TestSetup>TestSetup</TestSetup> -->
    <!-- <TestVue3>TestVue3</TestVue3> -->
    <!-- <TestStyle4>TestStyle4</TestStyle4> -->
    <!-- <TestStyle3>TestStyle3</TestStyle3> -->
    <!-- <TestStyle2>TestStyle2</TestStyle2> -->
    <!-- <TestStyle>TestStyle</TestStyle> -->
    <!-- <TestVbindclass3>TestVbindclass3</TestVbindclass3> -->
    <!-- <TestVbindclass2>TestVbindclass2</TestVbindclass2> -->
    <!-- <TestVbindclass>TestVbindclass</TestVbindclass> -->
    <!-- <TestVforVif3>TestVforVif3</TestVforVif3> -->
    <!-- <TestVforVif2>TestVforVif2</TestVforVif2> -->
    <!-- <TestVforVif>TestVforVif</TestVforVif> -->
    <!-- <TestVText>TestVText</TestVText>
    <TestVHtml>TestVHtml</TestVHtml>
    <TestVonce>TestVonce</TestVonce> -->
    <!-- <TestVmemo>TestVmemo</TestVmemo> -->
    <!-- <TestVbind>TestVbind</TestVbind> -->
    <!-- <TestVmodel>TestVmodel</TestVmodel> -->
    <!-- <TestVmodelSelect>TestVmodelSelect</TestVmodelSelect> -->
    <!-- <TestVmodelRadio>TestVmodelRadio</TestVmodelRadio> -->
    <!-- <TestVmodelCheckbox>TestVmodelCheckbox</TestVmodelCheckbox> -->
    <!-- <TestAVbind>TestAVbind</TestAVbind> -->
    <!-- <TestVmodelLazy>TestVmodelLazy</TestVmodelLazy> -->
    <!-- <TestVif>TestVif</TestVif> -->
    <!-- <TestVifVelse>TestVifVelse</TestVifVelse> -->
    <!-- <TestVelseif>TestVelseif</TestVelseif> -->
    <!-- <TestVshow>TestVshow</TestVshow> -->
    <!-- <TestVifVshow>TestVifVshow</TestVifVshow> -->
    <!-- <TestVfor>TestVfor</TestVfor> -->
    <!-- <TestVfor2>TestVfor2</TestVfor2> -->
    <!-- <TestVfor3>TestVfor3</TestVfor3> -->
    <!-- <TestVfor4>TestVfor4</TestVfor4> -->

  </div>
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
